<template>
	<view class="box">
		<view class="input1">
			<input type="text" placeholder="请输入加油卡兑换码">
		</view>
		<view class="zi">
			兑换成功后可至优惠券列表查看
		</view>
		<view class="button1">
			<button type="">确认兑换</button>
		</view>
		<view class="dui">
			<p class="p1">兑换规则</p>
			<p>1）兑换码由数字，英文字母组成；</p>
			<p>2）兑换码有兑换次数限制；</p>
			<p>3）兑换码输入时需要区分大小写；</p>
			<p>4）如有其它问题请咨询团油客服：400-0835-999</p>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.input1{background-color: #fff;color: #000;}
		.input1 input{color: #000;height:100rpx;padding:10rpx 20rpx;}
		.zi{color: #ccc;font-size:12px;padding:10rpx;}
		.button1 button{background-color: #f00;width:90%;color: #fff;margin:0 auto;}
		.dui{color: #666;margin:50rpx auto;font-size:16px;background-color: #fff;padding:20rpx;}
		.p1{text-align: center;font-size:20px;}
		.dui p{padding:20rpx 0;}
</style>